<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单练习</title>
</head>
<body>
<!--readonly 只读不写，disabled 禁用属性，不可读写-->
<form action="#">
    姓名1：<input type="text" name="uname1" placeholder="请输入昵称"> <br>
    姓名2：<input type="text" name="uname2" value="123" ><br>
    姓名3：<input type="text" name="uname3" value="123" readonly><br>
    姓名4：<input type="text" name="uname4" value="123" disabled><br>
    密码 ：<input type="password" name="upwd" maxlength="6"><br>
    性别：
    <input type="radio" name="gender" value="1" checked>男
    <input type="radio" name="gender" value="0">女
    <br>
    爱好：
    <input type="checkbox" name="like" value="zf">做饭
    <input type="checkbox" name="like" value="dy">看电影
    <input type="checkbox" name="like" value="yx" checked>打游戏
    <input type="checkbox" name="like" value="xs" checked>看小说
    <br>
    颜色：<input type="color" name="color" ><br>
    日期：<input type="date" name="date" > <br>
    文件：<input type="file" name="file" ><br>
    范围：<input type="range" name="range" ><br>
    <br>
    请选择喜欢的城市：
    <select name="city">
        <option value="bj">北京</option>
        <option value="sz">深圳</option>
        <option value="hz">杭州</option>
        <option value="xj">新疆</option>
        <option value="sh">上海</option>
        <option value="cd" selected>成都</option>
    </select>
    <br>
    留言板：
<!-- resize:none 重置大小   -->
    <textarea name="content" style="resize:none;"></textarea><br>
<!-- 关联控件   -->
    <input type="checkbox" id="ok">
    <label for="ok">我同意以上协议</label>
    <br>
    <label for="nickname">昵称</label>
    <input type="text" id="nickname" name="nm" ><br>





    <br><input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="button" value="点我注册">

</form>
</body>
</html>